﻿@model qltscd.Models.ScreenClient.DanhMucThietBiScreenClient
@{
    ViewBag.Title = "Index";
    Layout = "~/Views/Shared/Modules/_LayoutDanhMucNhapLieu.cshtml";
}

<h2>Danh mục thiết bị</h2>
@{
    Html.Telerik().Grid(Model.DanhMucThietBis)
    .Name("grdThietBi")
    .DataKeys(keys => keys.Add(c => c.MaThietBi))
    .Resizable(r => r.Columns(true))
    .Reorderable(r => r.Columns(true))
    .Sortable()
    .Pageable(paging => paging.Enabled(true).Style(GridPagerStyles.NextPreviousAndInput).PageSize(20))
    .Editable(editing => editing.Mode(GridEditMode.InCell))
    .ToolBar(t => {
        t.Custom()
           .Text("Thêm thiết bị")
           .ImageHtmlAttributes(new { @class = "t-icon t-add" })
           .Action("NhapThietBi", "ThietBi")
           .ButtonType(GridButtonType.ImageAndText);
        t.Custom()
           .Text("Xóa thiết bị")
           .ButtonType(GridButtonType.ImageAndText)
           .ImageHtmlAttributes(new { @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/cross.png')" });
        t.Custom()
            .Text("In")
            .ButtonType(GridButtonType.ImageAndText)
            .ImageHtmlAttributes(new {
                @style = "background-image: url('./../../../../../QuanLyThietBi/Content/Images/printer.png');"
            });
    })
    .DataBinding(databinding => {
        databinding.Server()
            .Select("Index", "ThietBi");
        databinding.Ajax()
            .Select("_Index", "ThietBi");
    })
    .Columns(column => {
        column.Template(
                @<text>
                    <input name="checkedRecords" type="checkbox" title="checkedRecords"
                    />
                </text>)
            .ClientTemplate("<input type='checkbox' name='checkedRecords'/>")
            .Title("").Width(50);
        column.Bound(o => o.TenChungLoai).Title("Chủng loại");
        column.Bound(o => o.TenHangSanXuat).Title("Hãng sản xuất").Width(200);
        column.Bound(o => o.TheThietBi).Title("Thẻ thiết bị").Width(200);
        column.Bound(o => o.SerialThietBi).Title("Serial").Width(130);
        column.Bound(o => o.TenHangSanXuat).Title("Thẻ thiết bị").Width(200);
        //column.Bound(o => o.TenThietBiCha).Title("Thiết bị cha").Width(130);
        column.Bound(o => o.NguyenGia).Title("Nguyên giá");
    })
    .Render();
}
